import { Meta, Story, Canvas, Props } from "@storybook/blocks";

import { action } from '@storybook/addon-actions';
import { ViewPort, BottomResizable } from "../../";
import { green, description, lorem } from "../Utils";
import { CommonHeader, PropsTable, StandardProps, AnchoredProps, ResizableProps } from "../Utils";
import * as BottomResizableStories from './BottomResizable.stories';

<CommonHeader />

<Meta of={BottomResizableStories} />

## BottomResizable

Anchored resizable space on the bottom edge of it's parent.

### Specifying a % size

<Canvas of={BottomResizableStories.Default} />

### Specifying a pixel size

<Canvas of={BottomResizableStories.DefaultPx} />

### With resize contraints

<Canvas of={BottomResizableStories.WithResizeConstraints} />

### As a scrollable space

<Canvas of={BottomResizableStories.Scrollable} />

### Properties

<BottomResizableStories.Properties />
